<template>
  <div class="product">
    <van-dropdown-menu active-color="#ee0a24">
      <van-dropdown-item v-model="value1" :options="option1" title="综合" />
      <van-dropdown-item v-model="value2" :options="option2" title="价格" />
      <van-dropdown-item v-model="value3" :options="option3" title="全部" />
    </van-dropdown-menu>
    <section>
      <products></products>
    </section>
  </div>
</template>

<script>
import Products from '@/components/home/Products'
import CategoryList from '@/components/home/CategoryList'
export default {
  data(){
    return {
      value1:'',
      value2:'',
      value3:'',
      option1:[],
      option2:[],
      option3:[],
    }
  },
  components:{
    Products,
    CategoryList
  }
};
</script>

<style lang="less" scoped>
// .product {
//   section {
//     // display: flex;
//     // justify-content: space-between;
    
//   }
// }
</style>